<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>top</title>

<link href="./css/menu.css" rel="stylesheet">

<style>
a {text-decoration: none;}
</style>

<script>
function init(){
	var logout = document.getElementById("btnLogout");
	if(logout != null){
		logout.onclick = function(){
			location.href="index2.jsp?inc_center=./jsp/logout.jsp";
		}
	}
}
</script>
</head>

<body>
	<div id="top_div">
	<%
	 // 로그인 정보가 기억되어 있는 세션정보를 취득
    String sessionID = (String)session.getAttribute("mid");
    // 들어오는 값은 무조건 Object 형태이기 때문에 String으로 변환시켜준것이다.
    // getAttribute(String key)는key값으로 등록되어 있는 속성을 Object타입으로 리턴
	%>
		<div id="top_login" style="text-align: right; margin-top: 10px;">
			<% if(sessionID == null || sessionID == ""){ %>
			<!-- Before Log-In -->
			<div style="display: inline-block;">
				<a href="index2.jsp?inc_left=menu_javascript.jsp&inc_center=./jsp/login.jsp">Log in</a>
			</div>
			
			<div style="display: inline-block; width: 10px; ">
			</div>
			
			<div style="display: inline-block;">
				<a href="index2.jsp?inc_center=join.jsp">회원가입</a>
			</div>
			<%} else { %>
			<!-- After Log-In -->
			<%=sessionID %> 환영합니다
			<input type="button" value="Log Out" onclick="location.href='index2.jsp?inc_center=./jsp/logout.jsp'">
			<%} %>
		</div>
		<!-- <a id="touch-menu" class="mobile-menu" href="#">Menu</a> -->
		<a href="#"><div id="title">I Love Mr.Ryu</div></a>
	    
	    
		<div id="nav" style="background-color: #6799FF">  
		   <ul class="menu">
		   	   <li><a href="index2.jsp?inc_left=menu_html.jsp&inc_right=ad_html.jsp&inc_center=./form/form1.html">HTML</a></li>
			   <li><a href="index2.jsp?inc_left=menu_css.jsp&inc_right=ad_css.jsp&inc_center=./form/form1.html">CSS</a></li>
			   <li><a href="index2.jsp?inc_left=menu_javascript.jsp&inc_right=ad_javascript.jsp&inc_center=./form/form1.html">JAVASCRIPT</a>
			   <li><a href="index2.jsp?inc_center=./guest/list.jsp">방명록</a>
			   <li><a href="index2.jsp?inc_center=./databank/list.jsp">자료실</a>
			   <li><a href="index2.jsp?inc_left=./board/board_List.jsp&inc_center=./board/list.jsp">게시판</a>
			   <li><a href="index2.jsp?inc_left=./board_mybatis/board_List.jsp&inc_center=./board_mybatis/list.jsp">마이바티스_게시판</a>
			<%if(sessionID != null){  //로그인이 된 상태에서만 보이도록 만든 메뉴%>
			   <li><a href="index2.jsp?inc_left=menu_member.jsp">회원관리</a>
		   	<%} %>
		   	  
		   </ul>
		</div>
		
		

		 
	</div>
</body>
</html>